
<!-- saved from url=(0109)http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	  
    <title>i5ting_ztree_toc:index</title>
		<link href="./i5ting_ztree_toc_index_files/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css">
		<link href="./i5ting_ztree_toc_index_files/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css">
		<link href="./i5ting_ztree_toc_index_files/zTreeStyle.css" media="all" rel="stylesheet" type="text/css">
	  <style>
		pre {
		    counter-reset: line-numbering;
		    border: solid 1px #d9d9d9;
		    border-radius: 0;
		    background: #fff;
		    padding: 0;
		    line-height: 23px;
		    margin-bottom: 30px;
		    white-space: pre;
		    overflow-x: auto;
		    word-break: inherit;
		    word-wrap: inherit;
		}

		pre a::before {
		  content: counter(line-numbering);
		  counter-increment: line-numbering;
		  padding-right: 1em; /* space after numbers */
		  width: 25px;
		  text-align: right;
		  opacity: 0.7;
		  display: inline-block;
		  color: #aaa;
		  background: #eee;
		  margin-right: 16px;
		  padding: 2px 10px;
		  font-size: 13px;
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		pre a:first-of-type::before {
		  padding-top: 10px;
		}

		pre a:last-of-type::before {
		  padding-bottom: 10px;
		}

		pre a:only-of-type::before {
		  padding: 10px;
		}

		.highlight { background-color: #ffffcc } /* RIGHT */
		</style>
  </head>
  <body>
	  <div>
				<div style="width:25%;">
						<ul id="tree" class="ztree" style="width: 326px; overflow: auto; position: fixed; z-index: 2147483647; border: 0px none; left: 0px; top: 0px; height: 1383px;"><li id="tree_1" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_1_switch" title="" class="button level0 switch roots_docu" treenode_switch=""></span><a id="tree_1_a" class="level0" treenode_a="" onclick="" target="_blank" style="" title="Table of Content"><span id="tree_1_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_1_span">Table of Content</span></a></li><li id="tree_2" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_2_switch" title="" class="button level0 switch center_docu" treenode_switch=""></span><a id="tree_2_a" class="level0" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#1" target="_self" style="" title="1. typora-copy-images-to: medias"><span id="tree_2_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_2_span">1. typora-copy-images-to: medias</span></a></li><li id="tree_3" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_3_switch" title="" class="button level0 switch center_docu" treenode_switch=""></span><a id="tree_3_a" class="level0" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#2" target="_self" style="" title="2. 资源网站"><span id="tree_3_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_3_span">2. 资源网站</span></a></li><li id="tree_4" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_4_switch" title="" class="button level0 switch center_open" treenode_switch=""></span><a id="tree_4_a" class="level0" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#3" target="_self" style="" title="3. 乐淘前端web app"><span id="tree_4_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_4_span">3. 乐淘前端web app</span></a><ul id="tree_4_ul" class="level0 line" style="display:block"><li id="tree_5" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_5_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_5_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#301" target="_self" style="" title="3.1. 首页"><span id="tree_5_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_5_span">3.1. 首页</span></a><ul id="tree_5_ul" class="level1 line" style="display:block"><li id="tree_6" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_6_switch" title="" class="button level2 switch bottom_open" treenode_switch=""></span><a id="tree_6_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90101" target="_self" style="" title="3.1.1. 布局技术"><span id="tree_6_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_6_span">3.1.1. 布局技术</span></a><ul id="tree_6_ul" class="level2 " style="display:block"><li id="tree_7" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_7_switch" title="" class="button level3 switch center_open" treenode_switch=""></span><a id="tree_7_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27010101" target="_self" style="" title="3.1.1.1. 区域滚动"><span id="tree_7_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_7_span">3.1.1.1. 区域滚动</span></a><ul id="tree_7_ul" class="level3 line" style="display:block"><li id="tree_8" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_8_switch" title="" class="button level4 switch center_docu" treenode_switch=""></span><a id="tree_8_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8101010101" target="_self" style="" title="3.1.1.1.1. html代码"><span id="tree_8_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_8_span">3.1.1.1.1. html代码</span></a></li><li id="tree_9" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_9_switch" title="" class="button level4 switch bottom_docu" treenode_switch=""></span><a id="tree_9_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8101010102" target="_self" style="" title="3.1.1.1.2. js代码"><span id="tree_9_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_9_span">3.1.1.1.2. js代码</span></a></li></ul></li><li id="tree_10" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_10_switch" title="" class="button level3 switch bottom_open" treenode_switch=""></span><a id="tree_10_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27010102" target="_self" style="" title="3.1.1.2. 轮播图"><span id="tree_10_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_10_span">3.1.1.2. 轮播图</span></a><ul id="tree_10_ul" class="level3 " style="display:block"><li id="tree_11" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_11_switch" title="" class="button level4 switch center_docu" treenode_switch=""></span><a id="tree_11_a" class="level4 curSelectedNode" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8101010201" target="_self" style="" title="3.1.1.2.1. html代码"><span id="tree_11_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_11_span">3.1.1.2.1. html代码</span></a></li><li id="tree_12" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_12_switch" title="" class="button level4 switch bottom_docu" treenode_switch=""></span><a id="tree_12_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8101010202" target="_self" style="" title="3.1.1.2.2. js代码"><span id="tree_12_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_12_span">3.1.1.2.2. js代码</span></a></li></ul></li></ul></li></ul></li><li id="tree_13" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_13_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_13_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#302" target="_self" style="" title="3.2. 搜索中心"><span id="tree_13_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_13_span">3.2. 搜索中心</span></a><ul id="tree_13_ul" class="level1 line" style="display:block"><li id="tree_14" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_14_switch" title="" class="button level2 switch bottom_open" treenode_switch=""></span><a id="tree_14_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90201" target="_self" style="" title="3.2.1. 功能点"><span id="tree_14_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_14_span">3.2.1. 功能点</span></a><ul id="tree_14_ul" class="level2 " style="display:block"><li id="tree_15" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_15_switch" title="" class="button level3 switch center_docu" treenode_switch=""></span><a id="tree_15_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27040101" target="_self" style="" title="3.2.1.1. 显示本地存储的历史信息"><span id="tree_15_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_15_span">3.2.1.1. 显示本地存储的历史信息</span></a></li><li id="tree_16" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_16_switch" title="" class="button level3 switch center_docu" treenode_switch=""></span><a id="tree_16_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27040102" target="_self" style="" title="3.2.1.2. 将搜索框的值插入到本地存储中"><span id="tree_16_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_16_span">3.2.1.2. 将搜索框的值插入到本地存储中</span></a></li><li id="tree_17" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_17_switch" title="" class="button level3 switch center_docu" treenode_switch=""></span><a id="tree_17_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27040103" target="_self" style="" title="3.2.1.3. 删除所有数据"><span id="tree_17_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_17_span">3.2.1.3. 删除所有数据</span></a></li><li id="tree_18" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_18_switch" title="" class="button level3 switch bottom_docu" treenode_switch=""></span><a id="tree_18_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27040104" target="_self" style="" title="3.2.1.4. 删除单个数据"><span id="tree_18_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_18_span">3.2.1.4. 删除单个数据</span></a></li></ul></li></ul></li><li id="tree_19" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_19_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_19_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#303" target="_self" style="" title="3.3. 商品列表"><span id="tree_19_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_19_span">3.3. 商品列表</span></a><ul id="tree_19_ul" class="level1 line" style="display:block"><li id="tree_20" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_20_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_20_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90301" target="_self" style="" title="3.3.1. 布局"><span id="tree_20_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_20_span">3.3.1. 布局</span></a></li><li id="tree_21" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_21_switch" title="" class="button level2 switch center_open" treenode_switch=""></span><a id="tree_21_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90302" target="_self" style="" title="3.3.2. 组件"><span id="tree_21_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_21_span">3.3.2. 组件</span></a><ul id="tree_21_ul" class="level2 line" style="display:block"><li id="tree_22" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_22_switch" title="" class="button level3 switch center_open" treenode_switch=""></span><a id="tree_22_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27090201" target="_self" style="" title="3.3.2.1. mui下拉刷新-上拉加载"><span id="tree_22_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_22_span">3.3.2.1. mui下拉刷新-上拉加载</span></a><ul id="tree_22_ul" class="level3 line" style="display:block"><li id="tree_23" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_23_switch" title="" class="button level4 switch bottom_docu" treenode_switch=""></span><a id="tree_23_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8127040101" target="_self" style="" title="3.3.2.1.1. html代码"><span id="tree_23_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_23_span">3.3.2.1.1. html代码</span></a></li></ul></li><li id="tree_24" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_24_switch" title="" class="button level3 switch center_docu" treenode_switch=""></span><a id="tree_24_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27090202" target="_self" style="" title="3.3.2.2. js代码"><span id="tree_24_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_24_span">3.3.2.2. js代码</span></a></li><li id="tree_25" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_25_switch" title="" class="button level3 switch bottom_open" treenode_switch=""></span><a id="tree_25_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27090203" target="_self" style="" title="3.3.2.3. template插件"><span id="tree_25_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_25_span">3.3.2.3. template插件</span></a><ul id="tree_25_ul" class="level3 " style="display:block"><li id="tree_26" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_26_switch" title="" class="button level4 switch center_docu" treenode_switch=""></span><a id="tree_26_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8127040301" target="_self" style="" title="3.3.2.3.1. html"><span id="tree_26_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_26_span">3.3.2.3.1. html</span></a></li><li id="tree_27" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_27_switch" title="" class="button level4 switch center_docu" treenode_switch=""></span><a id="tree_27_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8127040302" target="_self" style="" title="3.3.2.3.2. js"><span id="tree_27_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_27_span">3.3.2.3.2. js</span></a></li><li id="tree_28" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_28_switch" title="" class="button level4 switch bottom_docu" treenode_switch=""></span><a id="tree_28_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8127040303" target="_self" style="" title="3.3.2.3.3. template插件和js数据的对应关系"><span id="tree_28_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_28_span">3.3.2.3.3. template插件和js数据的对应关系</span></a></li></ul></li></ul></li><li id="tree_29" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_29_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_29_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90303" target="_self" style="" title="3.3.3. 关键的代码"><span id="tree_29_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_29_span">3.3.3. 关键的代码</span></a></li></ul></li><li id="tree_30" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_30_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_30_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#304" target="_self" style="" title="3.4. 商品详情"><span id="tree_30_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_30_span">3.4. 商品详情</span></a><ul id="tree_30_ul" class="level1 line" style="display:block"><li id="tree_31" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_31_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_31_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90401" target="_self" style="" title="3.4.1. 布局"><span id="tree_31_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_31_span">3.4.1. 布局</span></a></li><li id="tree_32" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_32_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_32_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90402" target="_self" style="" title="3.4.2. 数据渲染"><span id="tree_32_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_32_span">3.4.2. 数据渲染</span></a></li></ul></li><li id="tree_33" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_33_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_33_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#305" target="_self" style="" title="3.5. 登录页面"><span id="tree_33_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_33_span">3.5. 登录页面</span></a><ul id="tree_33_ul" class="level1 line" style="display:block"><li id="tree_34" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_34_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_34_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90501" target="_self" style="" title="3.5.1. 布局"><span id="tree_34_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_34_span">3.5.1. 布局</span></a></li><li id="tree_35" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_35_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_35_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90502" target="_self" style="" title="3.5.2. 封装自己ltAjax实现登录过滤"><span id="tree_35_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_35_span">3.5.2. 封装自己ltAjax实现登录过滤</span></a></li></ul></li><li id="tree_36" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_36_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_36_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#306" target="_self" style="" title="3.6. 注册页面"><span id="tree_36_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_36_span">3.6. 注册页面</span></a><ul id="tree_36_ul" class="level1 line" style="display:block"><li id="tree_37" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_37_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_37_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90601" target="_self" style="" title="3.6.1. 布局"><span id="tree_37_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_37_span">3.6.1. 布局</span></a></li><li id="tree_38" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_38_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_38_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90602" target="_self" style="" title="3.6.2. 关键代码"><span id="tree_38_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_38_span">3.6.2. 关键代码</span></a></li></ul></li><li id="tree_39" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_39_switch" title="" class="button level1 switch bottom_open" treenode_switch=""></span><a id="tree_39_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#307" target="_self" style="" title="3.7. 购物车"><span id="tree_39_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_39_span">3.7. 购物车</span></a><ul id="tree_39_ul" class="level1 " style="display:block"><li id="tree_40" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_40_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_40_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90701" target="_self" style="" title="3.7.1. 布局"><span id="tree_40_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_40_span">3.7.1. 布局</span></a></li><li id="tree_41" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_41_switch" title="" class="button level2 switch center_open" treenode_switch=""></span><a id="tree_41_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90702" target="_self" style="" title="3.7.2. 组件"><span id="tree_41_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_41_span">3.7.2. 组件</span></a><ul id="tree_41_ul" class="level2 line" style="display:block"><li id="tree_42" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_42_switch" title="" class="button level3 switch bottom_open" treenode_switch=""></span><a id="tree_42_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#27490201" target="_self" style="" title="3.7.2.1. 滑动列表"><span id="tree_42_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_42_span">3.7.2.1. 滑动列表</span></a><ul id="tree_42_ul" class="level3 " style="display:block"><li id="tree_43" class="level4" tabindex="0" hidefocus="true" treenode=""><span id="tree_43_switch" title="" class="button level4 switch bottom_docu" treenode_switch=""></span><a id="tree_43_a" class="level4" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#8443040101" target="_self" style="" title="3.7.2.1.1. html"><span id="tree_43_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_43_span">3.7.2.1.1. html</span></a></li></ul></li></ul></li><li id="tree_44" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_44_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_44_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90703" target="_self" style="" title="3.7.3. template.js 注册自己的方法"><span id="tree_44_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_44_span">3.7.3. template.js 注册自己的方法</span></a></li><li id="tree_45" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_45_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_45_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#90704" target="_self" style="" title="3.7.4. 去除回车的正则表达式"><span id="tree_45_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_45_span">3.7.4. 去除回车的正则表达式</span></a></li></ul></li></ul></li><li id="tree_46" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_46_switch" title="" class="button level0 switch center_open" treenode_switch=""></span><a id="tree_46_a" class="level0" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#4" target="_self" style="" title="4. mui组件"><span id="tree_46_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_46_span">4. mui组件</span></a><ul id="tree_46_ul" class="level0 line" style="display:block"><li id="tree_47" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_47_switch" title="" class="button level1 switch bottom_docu" treenode_switch=""></span><a id="tree_47_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#401" target="_self" style="" title="4.1. 下拉刷新-上拉加载组件"><span id="tree_47_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_47_span">4.1. 下拉刷新-上拉加载组件</span></a></li></ul></li><li id="tree_48" class="level0" tabindex="0" hidefocus="true" treenode=""><span id="tree_48_switch" title="" class="button level0 switch bottom_open" treenode_switch=""></span><a id="tree_48_a" class="level0" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#5" target="_self" style="" title="5. 后台管理页面"><span id="tree_48_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_48_span">5. 后台管理页面</span></a><ul id="tree_48_ul" class="level0 " style="display:block"><li id="tree_49" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_49_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_49_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#501" target="_self" style="" title="5.1. 登录"><span id="tree_49_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_49_span">5.1. 登录</span></a><ul id="tree_49_ul" class="level1 line" style="display:block"><li id="tree_50" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_50_switch" title="" class="button level2 switch center_open" treenode_switch=""></span><a id="tree_50_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250101" target="_self" style="" title="5.1.1. 使用原生h5验证表单"><span id="tree_50_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_50_span">5.1.1. 使用原生h5验证表单</span></a><ul id="tree_50_ul" class="level2 line" style="display:block"><li id="tree_51" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_51_switch" title="" class="button level3 switch bottom_docu" treenode_switch=""></span><a id="tree_51_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#125010101" target="_self" style="" title="5.1.1.1. html"><span id="tree_51_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_51_span">5.1.1.1. html</span></a></li></ul></li><li id="tree_52" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_52_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_52_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250102" target="_self" style="" title="5.1.2. js"><span id="tree_52_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_52_span">5.1.2. js</span></a></li></ul></li><li id="tree_53" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_53_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_53_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#502" target="_self" style="" title="5.2. bootstrap-Validator 验证插件的使用"><span id="tree_53_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_53_span">5.2. bootstrap-Validator 验证插件的使用</span></a><ul id="tree_53_ul" class="level1 line" style="display:block"><li id="tree_54" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_54_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_54_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250201" target="_self" style="" title="5.2.1. html:"><span id="tree_54_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_54_span">5.2.1. html:</span></a></li><li id="tree_55" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_55_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_55_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250202" target="_self" style="" title="5.2.2. js:"><span id="tree_55_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_55_span">5.2.2. js:</span></a></li><li id="tree_56" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_56_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_56_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250203" target="_self" style="" title="5.2.3. 其他代码段"><span id="tree_56_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_56_span">5.2.3. 其他代码段</span></a></li></ul></li><li id="tree_57" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_57_switch" title="" class="button level1 switch center_open" treenode_switch=""></span><a id="tree_57_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#503" target="_self" style="" title="5.3. bootstrap-paginator 分页插件的使用"><span id="tree_57_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_57_span">5.3. bootstrap-paginator 分页插件的使用</span></a><ul id="tree_57_ul" class="level1 line" style="display:block"><li id="tree_58" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_58_switch" title="" class="button level2 switch center_open" treenode_switch=""></span><a id="tree_58_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250301" target="_self" style="" title="5.3.1. html"><span id="tree_58_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_58_span">5.3.1. html</span></a><ul id="tree_58_ul" class="level2 line" style="display:block"><li id="tree_59" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_59_switch" title="" class="button level3 switch bottom_docu" treenode_switch=""></span><a id="tree_59_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#125090101" target="_self" style="" title="5.3.1.1. js"><span id="tree_59_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_59_span">5.3.1.1. js</span></a></li></ul></li><li id="tree_60" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_60_switch" title="" class="button level2 switch center_open" treenode_switch=""></span><a id="tree_60_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250302" target="_self" style="" title="5.3.2. jQuery-File-Upload  文件上传插件的使用"><span id="tree_60_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_60_span">5.3.2. jQuery-File-Upload  文件上传插件的使用</span></a><ul id="tree_60_ul" class="level2 line" style="display:block"><li id="tree_61" class="level3" tabindex="0" hidefocus="true" treenode=""><span id="tree_61_switch" title="" class="button level3 switch bottom_docu" treenode_switch=""></span><a id="tree_61_a" class="level3" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#125090201" target="_self" style="" title="5.3.2.1. html"><span id="tree_61_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_61_span">5.3.2.1. html</span></a></li></ul></li><li id="tree_62" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_62_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_62_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250303" target="_self" style="" title="5.3.3. js"><span id="tree_62_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_62_span">5.3.3. js</span></a></li></ul></li><li id="tree_63" class="level1" tabindex="0" hidefocus="true" treenode=""><span id="tree_63_switch" title="" class="button level1 switch bottom_open" treenode_switch=""></span><a id="tree_63_a" class="level1" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#504" target="_self" style="" title="5.4. nprogress"><span id="tree_63_ico" title="" treenode_ico="" class="button ico_open" style="width:0px;height:0px;"></span><span id="tree_63_span">5.4. nprogress</span></a><ul id="tree_63_ul" class="level1 " style="display:block"><li id="tree_64" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_64_switch" title="" class="button level2 switch center_docu" treenode_switch=""></span><a id="tree_64_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250401" target="_self" style="" title="5.4.1. html"><span id="tree_64_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_64_span">5.4.1. html</span></a></li><li id="tree_65" class="level2" tabindex="0" hidefocus="true" treenode=""><span id="tree_65_switch" title="" class="button level2 switch bottom_docu" treenode_switch=""></span><a id="tree_65_a" class="level2" treenode_a="" onclick="" href="http://uksir.gitee.io/api/%E4%B9%90%E6%B7%98%E7%94%B5%E5%95%86%E7%BC%96%E7%A0%81%E6%96%87%E6%A1%A3/index.html#250402" target="_self" style="" title="5.4.2. js"><span id="tree_65_ico" title="" treenode_ico="" class="button ico_docu" style="width:0px;height:0px;"></span><span id="tree_65_span">5.4.2. js</span></a></li></ul></li></ul></li></ul>
				</div>
        <div id="readme" style="width: 70%; margin-left: 25%;">
          	<article class="markdown-body">
            	<hr>
<h2 id="1">1. typora-copy-images-to: medias</h2>
<h1 id="2">2. 资源网站</h1>
<table>
<thead>
<tr>
<th>资源</th>
<th>描述</th>
<th>网址</th>
</tr>
</thead>
<tbody>
<tr>
<td>mui通用类库</td>
<td>mui辅助类</td>
<td><a href="http://www.mubrand.com/?post=19">http://www.mubrand.com/?post=19</a></td>
</tr>
<tr>
<td>bootstrapValidator</td>
<td>表单验证</td>
<td><a href="https://github.com/nghuuphuoc/bootstrapvalidator">参考文档1</a> <a href="https://www.cnblogs.com/hwaggLee/p/6565604.html">参考文档2</a>  <a href="https://www.cnblogs.com/v-weiwang/p/4834672.html?ptvd">参考文档3</a>  <a href="http://blog.csdn.net/u013938465/article/details/53507109">参考文档4</a></td>
</tr>
<tr>
<td>bootstrap-paginator</td>
<td>分页插件</td>
<td><a href="https://github.com/lyonlai/bootstrap-paginator">参考文档1</a>  <a href="https://my.oschina.net/shunshun/blog/204587">参考文档2</a>  <a href="http://www.cnblogs.com/moretry/p/4441728.html">参考文档3</a></td>
</tr>
<tr>
<td>jQuery-File-Upload</td>
<td>文件上传插件</td>
<td><a href="https://github.com/blueimp/jQuery-File-Upload">参考文档1</a> <a href="http://www.cnblogs.com/cart55free99/p/3823357.html">参考文档2 </a> <a href="http://www.jq22.com/jquery-info230">参考文档3</a></td>
</tr>
<tr>
<td>nprogress</td>
<td>进度条插件</td>
<td><a href="http://ricostacruz.com/nprogress/">参考文档1</a></td>
</tr>
</tbody>
</table>
<h1 id="3">3. 乐淘前端web app</h1>
<h2 id="301">3.1. 首页</h2>
<h3 id="90101">3.1.1. 布局技术</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516505068793.png" alt="1516505068793"></p>
<h4 id="27010101">3.1.1.1. 区域滚动</h4>
<h5 id="8101010101">3.1.1.1.1. html代码</h5>
<pre><code class="lang-html">&lt;div class="mui-scroll-wrapper"&gt;
    &lt;div class="mui-scroll"&gt;
        &lt;!--这里放置真实显示的DOM内容--&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<h5 id="8101010102">3.1.1.1.2. js代码</h5>
<pre><code class="lang-javascript">mui('.mui-scroll-wrapper').scroll({
    deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
</code></pre>
<h4 id="27010102">3.1.1.2. 轮播图</h4>
<h5 id="8101010201">3.1.1.2.1. html代码</h5>
<pre><code class="lang-html">// 图片
&lt;div class="mui-slider"&gt;
  &lt;div class="mui-slider-group mui-slider-loop"&gt;
    &lt;!--支持循环，需要重复图片节点--&gt;
    &lt;div class="mui-slider-item mui-slider-item-duplicate"&gt;&lt;a href="#"&gt;&lt;img src="4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="mui-slider-item"&gt;&lt;a href="#"&gt;&lt;img src="1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="mui-slider-item"&gt;&lt;a href="#"&gt;&lt;img src="2.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="mui-slider-item"&gt;&lt;a href="#"&gt;&lt;img src="3.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div class="mui-slider-item"&gt;&lt;a href="#"&gt;&lt;img src="4.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;!--支持循环，需要重复图片节点--&gt;
    &lt;div class="mui-slider-item mui-slider-item-duplicate"&gt;&lt;a href="#"&gt;&lt;img src="1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

// 索引器
&lt;div class="mui-slider-indicator"&gt;
                &lt;div class="mui-indicator mui-active"&gt;&lt;/div&gt;
                &lt;div class="mui-indicator"&gt;&lt;/div&gt;
                &lt;div class="mui-indicator"&gt;&lt;/div&gt;
                &lt;div class="mui-indicator"&gt;&lt;/div&gt;
            &lt;/div&gt;
</code></pre>
<h5 id="8101010202">3.1.1.2.2. js代码</h5>
<pre><code class="lang-javascript">//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
  interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
});
</code></pre>
<h2 id="302">3.2. 搜索中心</h2>
<p><img src="./i5ting_ztree_toc_index_files/1516530298768.png" alt="1516530298768"></p>
<h3 id="90201">3.2.1. 功能点</h3>
<h4 id="27040101">3.2.1.1. 显示本地存储的历史信息</h4>
<pre><code class="lang-javascript"> function renderData() {
    var ls = localStorage;
    var arr = (ls.getItem("letaoHistory") &amp;&amp; JSON.parse(ls.getItem("letaoHistory"))) || [];

    var str="";
    for (var i = 0; i &lt; arr.length; i++) {
      var element = arr[i];
      str+=' &lt;li&gt; '+element+' &lt;a data-index='+i+' class="removeItem mui-pull-right" href="javascript:;"&gt;&lt;span class="mui-icon mui-icon-closeempty"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;';
    }
    $(".his_record ul").html(str);


    if(arr.length&gt;0){
      $(".his_info").hide();
    }else{
      $(".his_record").hide();
    }
  }
</code></pre>
<h4 id="27040102">3.2.1.2. 将搜索框的值插入到本地存储中</h4>
<pre><code class="lang-javascript"> // 获取搜索框的值
      var txt = $(".searchTxt").val();

      // 判断txt是否合法
      //  trim 去掉值的左右两边的空格
      if (!$.trim(txt)) {
        console.log("非法");
        return;
      }
      // 3 把txt存到本地存储中
      var ls = localStorage;
      var arr = (ls.getItem("letaoHistory") &amp;&amp; JSON.parse(ls.getItem("letaoHistory"))) || [];

      // 循环判断数组中是否已经存在有相同的数据
      for (var i = 0; i &lt; arr.length; i++) {
        var element = arr[i];
        if (element == txt) {
          // 已经存在了
          // splice 删除数组(索引,要删除几个)
          arr.splice(i, 1);
        }
      }

      // 添加txt到本地存储中 
      // push 从尾部添加一个数据
      // unshift 从头部加一个数据
      arr.unshift(txt);

      // 数组存入本地存储中
      ls.setItem("letaoHistory",JSON.stringify(arr));
</code></pre>
<h4 id="27040103">3.2.1.3. 删除所有数据</h4>
<pre><code class="lang-javascript"> localStorage.removeItem("letaoHistory");
</code></pre>
<h4 id="27040104">3.2.1.4. 删除单个数据</h4>
<pre><code class="lang-javascript">    // 绑定移除单个事件
    // 注意 动态生成的dom在绑定事件的时候 要注意先后顺序
    // 先有dom元素 再绑定事件 -&gt; 建议 事件委托 
    $(".his_record ul").on("tap",".removeItem",function (e) {
    //  console.log(e);
    var aDom=e.target;
    var index=$(aDom).parent().data("index");
    var ls = localStorage;

    var arr = (ls.getItem("letaoHistory") &amp;&amp; JSON.parse(ls.getItem("letaoHistory"))) || [];
    arr.splice(index,1);

      var str="";
    for (var i = 0; i &lt; arr.length; i++) {
      var element = arr[i];
      str+=' &lt;li&gt; '+element+' &lt;a data-index='+i+' class="removeItem mui-pull-right" href="javascript:;"&gt;&lt;span class="mui-icon mui-icon-closeempty"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;';
    }
    $(".his_record ul").html(str);

     // 数组存入本地存储中
     ls.setItem("letaoHistory",JSON.stringify(arr));
    })
</code></pre>
<h2 id="303">3.3. 商品列表</h2>
<h3 id="90301">3.3.1. 布局</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516679687244.png" alt="1516679687244"></p>
<h3 id="90302">3.3.2. 组件</h3>
<h4 id="27090201">3.3.2.1. mui下拉刷新-上拉加载</h4>
<h5 id="8127040101">3.3.2.1.1. html代码</h5>
<pre><code class="lang-html">&lt;!--下拉刷新容器--&gt;
&lt;div id="refreshContainer" class="mui-content mui-scroll-wrapper"&gt;
  &lt;div class="mui-scroll"&gt;
    &lt;!--数据列表--&gt;
    &lt;ul class="mui-table-view mui-table-view-chevron"&gt;

    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<h4 id="27090202">3.3.2.2. js代码</h4>
<pre><code class="lang-javascript">// 初始化下拉是刷新和上拉加载
    mui.init({
      pullRefresh: {
        container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down: {
          height: 50,//可选,默认50.触发下拉刷新拖动距离,
          auto: true,//可选,默认false.首次加载自动下拉刷新一次
          contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
          contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
          contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
          callback: function () {
              // 结束下拉刷新
              mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
          }
        },
        up: {
          height: 50,//可选.默认50.触发上拉加载拖动距离
          auto: true,//可选,默认false.自动上拉加载一次
          contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
          contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
          callback: function () {
            // 结束上拉
              mui('#refreshContainer').pullRefresh().endPullupToRefresh();

          }
        }
      }
    });
</code></pre>
<h4 id="27090203">3.3.2.3. template插件</h4>
<h5 id="8127040301">3.3.2.3.1. html</h5>
<pre><code class="lang-html">&lt;script type="text/html" id="goodsTpl" &gt;
  {{each data as item16 }}
  &lt;li&gt;
      &lt;div class="lt_item"&gt;
        &lt;img src="{{item16.pic[0].picAddr}}" alt=""&gt;
        {{item16.num}}
        &lt;div class="product_info"&gt;
         {{item16.proName}}
        &lt;/div&gt;
        &lt;p&gt;
          &lt;span class="new_price"&gt;￥{{item16.price}}&lt;/span&gt;
          &lt;span class="old_price"&gt;￥{{item16.oldPrice}}&lt;/span&gt;
        &lt;/p&gt;
        &lt;a href="javascript:;"&gt;立即购买&lt;/a&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  {{/each}}
&lt;/script&gt;
</code></pre>
<h5 id="8127040302">3.3.2.3.2. js</h5>
<pre><code class="lang-javascript">           // 渲染模版
              var html = template("goodsTpl", result);
              $(".lt_goods_ul").html(html);
</code></pre>
<h5 id="8127040303">3.3.2.3.3. template插件和js数据的对应关系</h5>
<p><img src="./i5ting_ztree_toc_index_files/1516680059378.png" alt="1516680059378"></p>
<h3 id="90303">3.3.3. 关键的代码</h3>
<pre><code class="lang-javascript">/* 把自己方法拓展到$上 */
$.extend($, {
  /**
 * 根据key去查询url上的参数的值
 * @param {*参数名} name 
 */
  getQueryString: function (name) {
    var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]); return null;
  }
});

  // 切换箭头方向
      // find 从父元素里面找到里面的子元素 
      // toggleClass 有的话移除 没有的就添加 
      $(aDom).find(".mui-icon").toggleClass("mui-icon-arrowdown mui-icon-arrowup ");
</code></pre>
<h2 id="304">3.4. 商品详情</h2>
<h3 id="90401">3.4.1. 布局</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516695954261.png" alt="1516695954261"></p>
<h3 id="90402">3.4.2. 数据渲染</h3>
<pre><code>// 轮播图的索引器的渲染
 &lt;!-- 索引器 --&gt;
          &lt;div class="mui-slider-indicator"&gt;
          // index 是数组的索引
            {{each pic as liitem index}}
            {{if index==0}}
            &lt;div class="mui-indicator mui-active"&gt;&lt;/div&gt;
            {{/if}}
            {{if index!=0}}
            &lt;div class="mui-indicator"&gt;&lt;/div&gt;
            {{/if}}
            {{/each}}
          &lt;/div&gt;

  // 在渲染数据的时候
   // 先确保标签存在 再去做初始化  轮播图
              var gallery = mui('.mui-slider');
              gallery.slider({
                interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
              });

      // 数字输入框
        &lt;!-- mui的数字输入框的组件 --&gt;
          &lt;div class="mui-numbox" data-numbox-min="0" data-numbox-max="{{num}}" &gt;
            &lt;!-- "-"按钮，点击可减小当前数值 --&gt;
            &lt;button class="mui-btn mui-numbox-btn-minus" type="button"&gt;-&lt;/button&gt;
            &lt;input class="mui-numbox-input" type="number" /&gt;
            &lt;!-- "+"按钮，点击可增大当前数值 --&gt;
            &lt;button class="mui-btn mui-numbox-btn-plus" type="button"&gt;+&lt;/button&gt;
          &lt;/div&gt;

   //      初始化：
//mui在mui.init()中会自动初始化基本控件,但是 动态添加的Numbox组件需要手动初始化

   // 手动初始化数字输入框
              mui(".mui-numbox").numbox();
</code></pre><h2 id="305">3.5. 登录页面</h2>
<h3 id="90501">3.5.1. 布局</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516947560893.png" alt="1516947560893"></p>
<h3 id="90502">3.5.2. 封装自己ltAjax实现登录过滤</h3>
<p>在以后的前台展示页面的接口请求中,如果发现有 接口标明(需要登录) 则优先调用 ltAjax</p>
<pre><code class="lang-javascript"> // 实现对登录的过滤
  // 以后接口上只要出现了(需要登录) 那么都可以使用自己封装过的ajax 
  ltAjax:function (option) {
    $.ajax({
      url:option.url,
      type:option.type||"get",
      data:option.data||"",
      success:function (result) {
        if(result.error&amp;&amp;result.error==400){
          // 未登录
          // 统一都跳转到登录页面
          // 路径要写绝对的 避免了不同目录下的文件寻找登录页面的路径不一致的问题

          // 手动打断点
          // debugger
          location.href="/mobile/user/login.html?returnURL="+ location.href;
        }else{
          option.success&amp;&amp;option.success(result);
        }

      }
    });

  }
</code></pre>
<h2 id="306">3.6. 注册页面</h2>
<h3 id="90601">3.6.1. 布局</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516947826835.png" alt="1516947826835"></p>
<h3 id="90602">3.6.2. 关键代码</h3>
<pre><code class="lang-javascript">// 验证手机号码
 function checkPhone(phone) {
    var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
    //电话  

    if (!phoneReg.test(phone)) {
      // 不满足
      return false;
    } else {
      return true;
    }

  }
</code></pre>
<h2 id="307">3.7. 购物车</h2>
<h3 id="90701">3.7.1. 布局</h3>
<p><img src="./i5ting_ztree_toc_index_files/购物车静态布局.png" alt="购物车静态布局"></p>
<h3 id="90702">3.7.2. 组件</h3>
<h4 id="27490201">3.7.2.1. 滑动列表</h4>
<h5 id="8443040101">3.7.2.1.1. html</h5>
<pre><code class="lang-html">&lt;ul id="OA_task_2" class="mui-table-view"&gt;
                &lt;li class="mui-table-view-cell mui-transitioning mui-selected"&gt;
                    &lt;div class="mui-slider-right mui-disabled mui-selected"&gt;
                        &lt;a class="mui-btn mui-btn-grey mui-icon mui-icon-person" style="transform: translate(-271px, 0px);"&gt;&lt;/a&gt;
                        &lt;a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone" style="transform: translate(-271px, 0px);"&gt;&lt;/a&gt;
                        &lt;a class="mui-btn mui-btn-red mui-icon mui-icon-email" style="transform: translate(-271px, 0px);"&gt;&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class="mui-slider-handle" style="transform: translate(-271px, 0px);"&gt;
                        &lt;div class="mui-table-cell"&gt;
                            左滑显示多功能菜单
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/li&gt;                    
            &lt;/ul&gt;
</code></pre>
<h3 id="90703">3.7.3. template.js 注册自己的方法</h3>
<p><img src="./i5ting_ztree_toc_index_files/1516957589462.png" alt="1516957589462"></p>
<pre><code class="lang-javascript"> // 让template 插件 认识 我们自己定义的方法 
  // 让template提供了一个接口 让我们可以往里面注册方法
  // template.helper("在插件中使用的方法名","我们在js里面定义的方法")
  template.helper("objToJson", function (value) {
    return JSON.stringify(value);
  });
</code></pre>
<h3 id="90704">3.7.4. 去除回车的正则表达式</h3>
<pre><code class="lang-javascript">var html = html.replace(/\n/g, "");
</code></pre>
<h1 id="4">4. mui组件</h1>
<h2 id="401">4.1. 下拉刷新-上拉加载组件</h2>
<pre><code class="lang-javascript">// 结束下拉刷新
  mui('#refreshContainer').pullRefresh().endPulldownToRefresh();

// 结束上拉刷新
  mui('#refreshContainer').pullRefresh().endPullupToRefresh();

// 重置组件
mui('#refreshContainer').pullRefresh().refresh(true);

// 手动启用刷新组件
mui("#refreshContainer").pullRefresh().pulldownLoading();
</code></pre>
<h1 id="5">5. 后台管理页面</h1>
<h2 id="501">5.1. 登录</h2>
<h3 id="250101">5.1.1. 使用原生h5验证表单</h3>
<ol>
<li><p>把输入框和按钮都写form表单里面</p>
</li>
<li><p>输入框都需要就加上 name 属性</p>
</li>
<li><p>需要有一个提交按钮 type类型为  submit</p>
</li>
<li><p>在需要验证的输入框中加上属性  required</p>
</li>
<li><p>需要给表单绑定一个submit事件</p>
</li>
<li><p>在事件中  阻止表单默认提交行为  e.preventDefault();</p>
</li>
<li><p>修改输入框的出错的提示信息  </p>
<pre><code class="lang-javascript">$("#username").on("invalid",function () {
    this.setCustomValidity("用户名不合法");
  })
</code></pre>
<h4 id="125010101">5.1.1.1. html</h4>
<pre><code class="lang-html">
        &lt;form class="form-horizontal"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="username" class="col-sm-3 control-label"&gt;用户名&lt;/label&gt;
              &lt;div class="col-sm-9"&gt;
                &lt;input required   type="text" class="form-control" name="username" id="username" placeholder="请输入用户名"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="password" class="col-sm-3 control-label"&gt;密码&lt;/label&gt;
              &lt;div class="col-sm-9"&gt;
                &lt;input required type="password" class="form-control" name="password" id="password" placeholder="请输入密码"&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="form-group"&gt;
              &lt;div class="col-sm-offset-3 col-sm-7"&gt;
                &lt;button type="submit" class="btn btn-default"&gt;重置&lt;/button&gt;
                &lt;button type="submit" class=" loginBtn btn btn-primary pull-right "&gt;登录&lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/form&gt;
</code></pre>
<p>​</p>
</li>
</ol>
<h3 id="250102">5.1.2. js</h3>
<pre><code class="lang-javascript"> //给form表单绑定提交事件 submit
  // 当表单完成了状态校验之后 才会触发 
  $("form").submit(function (e) {
    // 禁用表单的默认提交行为
    e.preventDefault();
    // alert(123);
    // console.log(123);

    // 获取用户名和密码
    // var username=$("#username").val();
    // var password=$("#password").val();

    var dataObj=$("form").serialize();

    // 发送登录请求
    $.post("/employee/employeeLogin",dataObj,function (result) {
      console.log(result);
      if(result.error){
        // mui.toast();
        alert(result.message);
      }else{
        // alert("成功");

        location.href="./index.html";
      }

    })

  })

  // oninvalid：没通过验证的时候触发(this.setCustomValidity(写错误的提示内容))

  // 当用户名验证失败的时候 会触发 
  $("#username").on("invalid",function () {
    this.setCustomValidity("用户名不合法");
  })
</code></pre>
<h2 id="502">5.2. bootstrap-Validator 验证插件的使用</h2>
<h3 id="250201">5.2.1. html:</h3>
<pre><code class="lang-javascript">// 引用css文件
 &lt;link rel="stylesheet" href="./assets/bootstrap-validator/css/bootstrapValidator.css"&gt;

// 引用js文件 放在jq的下面
&lt;script src="./assets/bootstrap-validator/js/bootstrapValidator.js"&gt;&lt;/script&gt;

// 输入框需要加上name属性 同时提交按钮的类型为 type=submit
&lt;input name="username" type="text"/&gt;
&lt;button type="submit"&gt;提交&lt;/button&gt;
</code></pre>
<h3 id="250202">5.2.2. js:</h3>
<pre><code class="lang-javascript">$('form').bootstrapValidator({
  /*校验插件默认会忽略  隐藏的表单元素
        不忽略任何情况的表单元素*/
      //excluded:[],
    // 图标
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    // 要验证的字段
    fields: {
      // 用户名 
      username: {
        // 用户名的提示信息
        // message: 'The username is not valid',
        validators: {
          // 不能为空
          notEmpty: {
            message: '用户名不能为空'
          },
          // 提供给ajax回调使用
          callback: {
            message: "用户名不存在"
          }
        }
      }
  })
    .on('success.form.bv', function (e) {
      // 点击提交的时候  

      // 阻止默认提交事件
      e.preventDefault();

});
</code></pre>
<h3 id="250203">5.2.3. 其他代码段</h3>
<pre><code class="lang-javascript">// 重置验证信息
 $('form').data('bootstrapValidator').resetForm();

// 手动调用验证提示 updateStatus("要更新的字段","验证状态","提示信息")
$('form').data("bootstrapValidator").updateStatus("username", "INVALID", "callback");

// 手动调用验证提示 
$('#form').data('bootstrapValidator').updateStatus('brandLogo','VALID');
</code></pre>
<h2 id="503">5.3. bootstrap-paginator 分页插件的使用</h2>
<h4 id="250301">5.3.1. html</h4>
<pre><code>// 需要在之前先引用bootstrap的插件
&lt;script src="./assets/bootstrap-paginator/bootstrap-paginator.js"&gt;&lt;/script&gt;

// 分页的html代码
  &lt;nav aria-label="Page navigation"&gt;
              &lt;ul class="pagination"&gt;

              &lt;/ul&gt;
   &lt;/nav&gt;
</code></pre><h4 id="125090101">5.3.1.1. js</h4>
<pre><code>// 配置
 var options = {
                  bootstrapMajorVersion: 3,// bootstrap为3.x版本的时候要声明
                  alignment: "left",//左侧显示
                  currentPage: page,//当前页数
                  totalPages: totalPage,//总页数 注意不是总条数

                  // 点击页码的时候触发
                  onPageClicked: function (e, oe, type, page) {
                  // event, originalEvent, type,page。
                   // page 为被点击的页码

                  }
                }

 // 初始化
   $(".pagination").bootstrapPaginator(options);
</code></pre><h3 id="250302">5.3.2. jQuery-File-Upload  文件上传插件的使用</h3>
<h4 id="125090201">5.3.2.1. html</h4>
<pre><code>// 需要在jquery的下面引用
&lt;script src="./assets/jquery-fileupload/jquery.ui.widget.js"&gt;&lt;/script&gt;
&lt;script src="./assets/jquery-fileupload/jquery.fileupload.js"&gt;&lt;/script&gt;

// 上传标签的代码
&lt;div class="fileupload"&gt;
    &lt;input class="fileuploadBtn" type="file" name="pic1" data-url="/category/addSecondCategoryPic"&gt;
&lt;/div&gt;
</code></pre><h3 id="250303">5.3.3. js</h3>
<pre><code>    $('.fileuploadBtn').fileupload({
      dataType: 'json',
      // 上传成功的时候调用
      done: function (e, data) {
        // data.result 为上传成功的返回值
      }
    });
</code></pre><h2 id="504">5.4. nprogress</h2>
<h4 id="250401">5.4.1. html</h4>
<pre><code>// 引用样式
&lt;link rel="stylesheet" href="assets/nprogress/nprogress.css"/&gt;

// 引用js
&lt;script src="assets/nprogress/nprogress.js"&gt;&lt;/script&gt;
</code></pre><h3 id="250402">5.4.2. js</h3>
<pre><code>// 开始
NProgress.start();

// 结束
 NProgress.done();
</code></pre>
          	</article>
        </div>
		</div>
  

<script type="text/javascript" src="./i5ting_ztree_toc_index_files/jquery-1.4.4.min.js.下载"></script>
<script type="text/javascript" src="./i5ting_ztree_toc_index_files/jquery.ztree.all-3.5.min.js.下载"></script>
<script type="text/javascript" src="./i5ting_ztree_toc_index_files/ztree_toc.js.下载"></script>
<script type="text/javascript" src="./i5ting_ztree_toc_index_files/toc_conf.js.下载"></script>

<script type="text/javascript">
<!--
$(document).ready(function(){
    var css_conf = eval(markdown_panel_style);
    $('#readme').css(css_conf)
    
    var conf = eval(jquery_ztree_toc_opts);
		$('#tree').ztree_toc(conf);
});
//-->
</script></body></html>